<template>
	<view :style="{display: 'grid','grid-template-columns': 'repeat('+columns+','+(100/columns-0.01)+'%)',fontSize:fontSize+'rpx'}">
		<view v-for="(name,index) in nameList" :style="{display: 'flex'}">
			<label :style="{display: 'flex','justify-content': 'space-between',width: nameWidth+'rpx'}"> <label
					v-for="char in name">{{char}}</label> </label>
			<!-- <label v-if="index< chengyuanList.length-1 && (index+1)%columns!=0">、</label> -->
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			nameList: {
				type: Array,
				default: () => []
			},
			columns: {
				type: Number,
				default: 6
			},
			fontSize: {
				type: Number,
				default: 28
			},
			nameWidth: {
				type: Number,
				default: 80
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>